<!DOCTYPE HTML>
<html>

{% block title %}
    {#    <title>鱼书</title>#}
{% endblock %}

{% block head %}
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">

    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename = 'js/lib/cropper/cropper.min.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename = 'js/lib/sitelogo/sitelogo.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename = 'css/animate.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename = 'css/layout.css') }}"/>
    <link rel="stylesheet" href="{{ url_for('static',filename = '3rd/AdminLTE/css/AdminLTE.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename = '3rd/flat-ui/css/flat-ui.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename = '3rd/flat-ui/css/demo.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename = 'css/base.css') }}"/>
     <link rel="stylesheet"
          href="{{ url_for("static",filename = "3rd/bootstrap-notify-master/css/bootstrap-notify.css") }}">
    <link rel="stylesheet"
          href="{{ url_for("static",filename = "3rd/bootstrap-notify-master/css/styles/alert-blackgloss.css") }}">

    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    {#    <link rel="stylesheet" href="{{ url_for('static',filename = '3rd/AdminLTE/css/skins/_all-skins.min.css') }}">#}
    <link rel="icon" href="{{ url_for('static',filename = 'img/weblogo.png') }}">
    <script type="text/javascript" src="{{ url_for('static',filename = 'js/route.js') }}"></script>

{% endblock %}

<body>

<section id="window_float">

</section>
<div class='notifications top-right'></div>
<section class="">
    <div class="main-div" id="div-mid">
        {% block maindiv %}

        {% endblock %}
    </div>

    <div class="main-div" id="div-right">
    {% block touxiang %}
        <div id="user_info">
            <div class="user_avatar" id="crop-avatar">
                <div class="avatar-view">
                    <img src="{{ url_for('static',filename = 'img/default.jpg') }}" class="avatar-img" alt="Logo">
                </div>
                <div class="user_avatar_cover">点击编辑头像</div>
            </div>
            <span></span>
            <div class="user_info_panel">
                <div>Lv.126</div>
                <ul>
                    <li>
                        <a>
                            <button type="button">信息修改</button>
                        </a>
                    </li>
                    <li>
                        <a href="{{ url_for('web.logout') }}">
                            <button class="logout"> 注销</button>
                        </a>
                    </li>
                    <li>
                        <a href="{{ url_for('web.logsuc') }}">
                            <button class="logout"> 首页</button>
                        </a>
                    </li>
                </ul>
            </div>
            <button class="" id="btn-login">请登录</button>
        </div>
    {% endblock %}
        {% block question %}

        {% endblock %}
    </div>


    {% block content %}

    {% endblock %}

    <div class="row" style="margin-left: 20px;
    width: 38%;
    bottom: 12%;
    position: absolute;">
        {% with messages = get_flashed_messages() %}
            {% for message in messages %}
                {% if message %}
                    <div class="alert alert-warning" role="alert">{{ message }}</div>
                {% endif %}
            {% endfor %}
        {% endwith %}
    </div>
</section>


<div id="footer" class="footer flex-hor-center">
    <span>© 2017-2020 SP created by LAOJI</span>
</div>
{#不灵活 不建议使用#}
{#<img src="/statics/img/bgIMG.jpg" id="bgImg"/>#}
<img src="{{ url_for('static',filename = 'img/bgIMG.jpg') }}" id="bgImg"/>
<div class="modal fade" id="avatar-modal" aria-hidden="true" aria-labelledby="avatar-modal-label" role="dialog"
     tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form class="avatar-form" action="/avatar_sub" enctype="multipart/form-data" method="post">
                <div class="modal-header">
                    <button class="close" data-dismiss="modal" type="button">&times;</button>
                    <h4 class="modal-title" id="avatar-modal-label">更换头像</h4>
                </div>
                <div class="modal-body">
                    <div class="avatar-body">
                        <div class="avatar-upload">
                            <input class="avatar-src" name="avatar_src" type="hidden">
                            <input class="avatar-data" name="avatar_data" type="hidden">
                            <label for="avatarInput" class="btn btn-primary btn-wide">图片上传</label>

                            <input class="avatar-input" id="avatarInput" style="display:none" name="avatar_file"
                                   type="file"
                                   accept="image/jpeg,image/jpg,image/png"></div>

                        <div class="row">
                            <div class="col-md-9">
                                <div class="avatar-wrapper"></div>
                            </div>
                            <div class="col-md-3">
                                <div class="avatar-preview preview-lg"></div>
                                <div class="avatar-preview preview-md"></div>
                                <div class="avatar-preview preview-sm"></div>
                            </div>
                        </div>
                        <div class="row avatar-btns">
                            <div class="col-md-3">
                                <button class="btn btn-success btn-block avatar-save" type="submit"><i
                                        class="fa fa-save"></i> 保存修改
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

</body>

{% block scripts %}

    <script src="{{ url_for('static',filename = '3rd/jq/jquery.min.js') }}"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-validate/1.17.0/jquery.validate.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="{{ url_for('static',filename = 'js/lib/cropper/cropper.js') }}" type="text/javascript"
            charset="utf-8"></script>
    <script src="{{ url_for('static',filename = 'js/lib/sitelogo/sitelogo.js') }}" type="text/javascript"
            charset="utf-8"></script>
    <script src="{{ url_for('static',filename = 'js/login_register.js') }}" type="text/javascript"
            charset="utf-8"></script>
    <script src="{{ url_for('static',filename = '3rd/flat-ui/scripts/popper.min.js') }}"
            crossorigin="anonymous"></script>
    {#    <script src="/static/libs/AdminLTE/js/app.js"></script>#}
    {#    <script src="/static/libs/AdminLTE/js/pages/dashboard.js"></script>#}
    {#    <script src="/static/libs/AdminLTE/js/demo.js"></script>#}
    {#    <script src="/static/libs/AdminLTE/js/adminlte.min.js"></script>#}

    {#    <script src="{{ url_for('static',filename = '3rd/flat-ui/scripts/flat-ui.js') }}"></script>#}
    {#    <script src="{{ url_for('static',filename = '3rd/flat-ui/scripts/application.js') }}"></script>#}
  <script src="{{ url_for("static",filename="3rd/bootstrap-notify-master/js/bootstrap-notify.js") }}"></script>
    <script src="{{ url_for('static',filename = 'js/dynamic_bg.js') }}" type="text/javascript" charset="utf-8"></script>
    <script src="{{ url_for('static',filename = 'js/avatarCheck.js') }}" type="text/javascript"
            charset="utf-8"></script>

    <script>
        $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
        var custom = [
            'bangTidy',
            'blackgloss'
        ];

        $(function () {


            var onloadCallback = function () {
                alert("grecaptcha is ready!");
            };
            $('#btn-login').on('click', function () {
                log_reg();
            })

        })
    </script>
{% endblock %}

</html>